<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/>
    <meta name="renderer" content="webkit" />

    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <meta name="format-detection" content="telephone=no" />
    <meta http-equiv="Expires" content="-1"/>

    <meta http-equiv="Cache-Control" content="no-cache"/>
    <meta http-equiv="Pragma" content="no-cache"/>
    <title>jackdizhu 主页</title>
    <link rel="shortcut icon" href="/favicon.ico"/>

    <style type="text/css" id="style">
    </style>

</head>
<body>

    <header>
        jackdizhu 主页
    </header>
    <div class="content">

        <h5><span>PC端 demo</span></h5>
        <div class="clearfix">
            <p><a target="_blank" href="./index_resume.html">前端简e历_jackdizhu</a></p>
            <p><a target="_blank" href="./index_binaryTree.html">binaryTree 二叉树 遍历算法</a></p>
            <p><a target="_blank" href="./index_designPattern.html">js 设计模式--工厂模式|观察者模式(订阅模式)</a></p>
            <p><a target="_blank" href="./index_commonjs.html">js 模块化 seajs(CMD) requirejs(AMD)</a></p>
            <p><a target="_blank" href="./index_jsReg.html">js 正则</a></p>
            <p><a target="_blank" href="./index_em.html">QQ 表情 编码 解码</a></p>
            <p><a target="_blank" href="./index_yanzheng.html">拖动滑块验证码效果</a></p>
            <p><a target="_blank" href="./index_rippleEffect.html">HTML5实现点击水波扩散效果</a></p>
            <p><a target="_blank" href="./index_mouseFollowingBubble.html">鼠标跟随气泡</a></p>
            <p><a target="_blank" href="./index_timerCountDown.html">时间倒计时</a></p>
            <p><a target="_blank" href="./index_clientMenu.html">Html5 右键菜单</a></p>
            <p><a target="_blank" href="./index_vueReact.html">Vue_React</a></p>
            <p><a target="_blank" href="./index_react.html">React 简单 demo</a></p>
            <p><a target="_blank" href="./index_vue.html">Vue 简单 demo</a></p>
            <p><a target="_blank" href="./index_vue02.html">Vue 类似权限控制 多级菜单</a></p>
            <p><a target="_blank" href="./index_vue03.html">Vue 2.0 生命周期</a></p>
            <p><a target="_blank" href="./index_cursorIndex.html">获取/设置 Input 光标位置</a></p>
            <p><a target="_blank" href="./index_inFocusInsert.html">在 Input 光标位置插入内容</a></p>
            <p><a target="_blank" href="./index_delWord.html">在 Input 一次删除整个单词</a></p>
            <p><a target="_blank" href="./index_d3Demo01.html">d3 demo01 画矩形</a></p>
            <p><a target="_blank" href="./index_d3Demo02.html">d3 demo02 画饼状图</a></p>
            <p><a target="_blank" href="./index_d3Demo03.html">d3 demo03 画饼状图 增加点击事件</a></p>
            <p><a target="_blank" href="./index_d3Demo04.html">d3 demo04 画力导向图 加 鼠标拖动交互</a></p>
            <p><a target="_blank" href="./index_note_vue_quasar.html">vue quasar框架笔记</a></p>
        </div>
        <h5><span>PC端 插件</span></h5>
        <div class="clearfix">
            <p><a target="_blank" href="http://www.superslide2.com/">焦点图/幻灯片</a></p>
            <p><a target="_blank" href="http://layer.layui.com/">弹出框</a></p>
            <p><a target="_blank" href="http://manos.malihu.gr/repository/custom-scrollbar/demo/examples/complete_examples.html">自定义滚动条</a></p>
            <p><a target="_blank" href="http://naver.github.io/ImageMaps/">图片添加自定义热点区域</a></p>
            <p><a target="_blank" href="http://d.lanrentuku.com/down/js/tupian-1026/">图片放大镜</a></p>
            <p><a target="_blank" href="http://www.jq22.com/demo/draging20160202/">拖放插件</a></p>
            <p><a target="_blank" href="http://rubaxa.github.io/Sortable/">拖放排序</a></p>
            <p><a target="_blank" href="http://ueditor.baidu.com/website/onlinedemo.html">网页编辑器</a></p>
            <p><a target="_blank" href="http://www.ichartjs.com/">图表插件</a></p>
        </div>

        <h5><span>H5端 demo</span></h5>
        <div class="clearfix">
            <p><a target="_blank" href="./index_imgClipper.html">H5图片上传裁剪</a></p>
            <p><a target="_blank" href="./index_picker.html">H5 picker IOS select</a></p>
        </div>
        <h5><span>H5端 插件</span></h5>
        <div class="clearfix">
            <p><a target="_blank" href="http://www.swiper.com.cn/">焦点图/幻灯片</a></p>
            <p><a target="_blank" href="http://cubiq.org/iscroll-5">iscroll 手机端页面滚动</a></p>
            <p><a target="_blank" href="http://hammerjs.github.io/">点击,滑动,拖动,多点触控等事件</a></p>
            <p><a target="_blank" href="https://github.com/pengqiuyuan/h5-turnjs">翻页效果</a></p>
            <p><a target="_blank" href="http://www.cnblogs.com/xfhxbb/p/lArea.html">H5 select</a></p>
        </div>

        <h5><span>前端书籍/文档</span></h5>
        <div class="clearfix">
            <p><a target="_blank" href="http://es6.ruanyifeng.com/">ECMAScript 6 入门</a></p>
            <p><a target="_blank" href="http://javascript.ruanyifeng.com/">JavaScript 标准参考教程</a></p>
            <p><a target="_blank" href="http://open.se.360.cn/open/extension_dev/getstarted.html">chome 扩展插件文档</a></p>
            <p><a target="_blank" href="http://nodejs.cn/">node 文档</a></p>
            <p><a target="_blank" href="http://koa.bootcss.com/">koa node框架</a></p>
            <p><a target="_blank" href="http://www.expressjs.com.cn/">Express node框架</a></p>
            <p><a target="_blank" href="http://www.gulpjs.com.cn/">gulp 文档</a></p>
            <p><a target="_blank" href="http://webpack.github.io/docs/">webpack 文档</a></p>
            <p><a target="_blank" href="https://cn.vuejs.org/">vue 文档</a></p>
            <p><a target="_blank" href="https://developer.mozilla.org/en-US/docs/Web/JavaScript">JavaScript MDN</a></p>
        </div>

        <h5><span>项目经验</span></h5>
        <div class="clearfix">
            <p><a target="_blank" href="http://www.githubshop.com/" title="2015.05-2016.04">PC端 + H5手机端 ( 响应式 )__githubshop,创意，需求，解决方案，工作室，资金，产品，众创平台，互联网+...</a></p>
        </div>
        <div class="clearfix">
            <p><a target="_blank" href="http://www.quanchepin.com/" title="2016.04-..">PC端__全车品---汽车后市场综合在线交易服务平台</a></p>
        </div>
        <div class="clearfix">
            <p><a target="_blank" href="http://H5.quanchepin.com/" title="2016.04-..">H5手机端__全车品---汽车后市场综合在线交易服务平台</a></p>
        </div>
        <div class="clearfix">
            <p><a target="_blank" href="http://www.gooofashion.com/" title="2016.04-..">PC端__gooo时尚-原创精品服装交易平台</a></p>
        </div>
        <div class="clearfix">
            <p><a target="_blank" href="http://H5.gooofashion.com/" title="2016.04-..">H5手机端__gooo时尚-原创精品服装交易平台</a></p>
        </div>

        <h5><span>其他</span></h5>
        <div class="clearfix">
            <p><a target="_blank" href="https://github.com/jackdizhu/html_demo">github 代码</a></p>
            <p><a target="_blank" href="./index_note.html">前端笔记</a></p>
            <p><a target="_blank" href="./index_nodeConfig.html">gulp_webpack package.json配置</a></p>
            <p><a target="_blank" href="https://github.com/jackdizhu/node_demo">node 学习</a></p>
        </div>
    </div>

    <script type="text/javascript" src="./dist/index.js"></script>

</body>
</html>
